<%-- 
    Document   : upload_image
    Created on : Aug 18, 2013, 10:39:09 AM
    Author     : Tung An
--%>

<%@page contentType="text/html" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="css/core.css">
    <link rel="stylesheet" type="text/css" href="css/main_page.css">
    <link rel="stylesheet" type="text/css" href="css/create_page.css">
    <link rel="stylesheet" type="text/css" href="css/header.css">
    <link rel="stylesheet" type="text/css" href="css/login_popup.css">

    <script type="text/javascript" src="js/utils.js"></script>
    <script type="text/javascript" src="js/core.js"></script>
    <script type="text/javascript" src="js/header.js"></script>
    <script type="text/javascript" src="js/login_popup.js"></script>
    <script type="text/javascript" src="js/upload.js"></script>
    <title>Fashion Zone</title>
</head>
<div id="upload-page" class="upload-wrapper box">
    <form action="ProcessServlet" method="POST">
        <div class="look-caption page-title">Upload your image</div>
        <div class="file-panel">
            <input id="edit-look" type="hidden" name="lookId" value/>
            <input id="image-upload" type="file" accept="image/*" multiple
                   style="visibility: hidden; position: absolute;">
            <input id="image-upload-label" name="imgLocation" style="display: none">
            <input id="image-upload-text" type="text" class="common-input"
                   placeholder="Click to upload or post image URL here"/>
            <input type="submit" class="button" name="action" value="Upload"/>

            <div class="browse-file" onclick="$id('image-upload').click();"></div>
        </div>
        <div id="img-drop-panel" class="img-drop-panel">
            <span class="drop-title">Or drag/drop image here</span>
            <span class="drop-hover">Drop image here</span>
        </div>
    </form>
    <div id="upload-image-preview" class="image-preview">
    </div>
</div>
</body>
</html>
